<template>
	<div class="right-columns">
		<div class="positionSticky">
			<div class="card"><Article @buttArticle="buttArticle"></Article></div>
			<div class="card"><Archive @buttArchive="buttArchive"></Archive></div>
		</div>
	</div>
</template>

<script>
	import Article from './front/article.vue'
	import Archive from './front/archive.vue'
	export default {
		name: 'LeftView',
		data() {
			return {}
		},
		methods: {
			// 最近文章
			buttArticle(v){
				this.$emit("buttArticle",v)
			},
			// 归档
			buttArchive(v){
				this.$emit("buttArchive",v)
			}
		},
		components: {
			Article: Article,
			Archive: Archive,
		},
	}
</script>

<style>
	@import url("../assets/css/style.css");
</style>
